<template>
  <div class="fsc feature">
    <PlayAddList></PlayAddList>
    <Normal
      iconBg="icon_playlist_collect cur_p"
      :text="subscribedIsText?'收藏':`(${subscribedCount})`"
    ></Normal>
    <Normal
      iconBg="icon_playlist_share cur_p"
      :text="`(${shareCount})`"
    ></Normal>
    <Normal iconBg="icon_playlist_download cur_p" text="下载"></Normal>
    <Normal
      iconBg="icon_playlist_comment cur_p"
      :text="`(${commentCount})`"
      @click="jumpComments"
    ></Normal>
  </div>
</template>

<script setup lang="ts">
import PlayAddList from "../Button/play_addlist.vue";
import Normal from "../Button/normal.vue";
import { PropType } from 'vue'
const props = defineProps({
    subscribedCount:{
      type:Number,
      default:0
    },
    subscribedIsText:{
      type:Boolean,
      default:false
    },
    shareCount:{
      type:Number,
      default:0
    },
    commentCount:{
      type:Number,
      default:0
    },
    jumpComments:{
    type:Function as PropType<()=>void>,
    required: true,
    }
});
</script>

<style lang="scss" scoped>
.feature{
  div:not(:first-child){
    margin-right: 6px;
  }
}
</style>